
.home-page {

  .big-text {
    padding: 100px;
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    color: green;
  }
  .active{
	  position:relative;
	  .info {opacity:1}
	  .button {display:none;position:absolute;left:3px;top:0;background:none}
	  .active-type {
		height:138px;
		padding-top: 10px;
		border: 1px solid #e9e9e9;
		border-radius: 6px;
		background:#E8F9E8;
		.icon {font-size:60px;color:#F23C3C;margin:0 50px}
		p {font-size:12px;color:#666}
	  }
	  .active-type-a {
		height:138px;
		padding-top: 10px;
		border: 1px solid #c6e1ff;
		border-radius: 6px;
		background:#e4f0fd;
		.icon {font-size:60px;color:#3cd0f2;margin:0 50px}
		p {font-size:12px;color:#666}
	  }
  }
  .active:hover{
	  .info {opacity:0.3}
	  .button {display:flex;background:none}
  }
}
